const path = require('path')

module.exports = {
    mode: 'development',

    // 入口
    entry: {
        // 配置chunk
        // chunk名称: chunk入口模块路径
        // 默认 mian: './src/index.js'

        // 多个chunk 一个chunk对应输出一个文件  输出要有对应的配置
        // mian: './src/index.js',
        // about: './src/about.js'

        // 配置一个chunk下的多个文件(入口模块) 
        mian: ['./src/index.js', './src/about.js'] // 2个启动模块 合并出一个js 先执行前面的

    },
    // entry: './src/index.js',
    // 会转换成
    // entry: {mian: './src/index.js'},


    // 出口
    output: {
        // 必须配置一个绝对路径，表示构建后的资源放置的文件夹 默认是dist
        path: path.resolve(__dirname, 'dist'),
        // 配置的是资源的文件名 chunk里面 合并模块后的js文件明的规则
        // 静态规则 直接写字符串
        // filename: 'main.js'
        // filename: 'js/main.js'

        // 动态规则-跟多个chunk构造配置
        // filename: 'js/[name].js', // name chunk的名称
        // filename: 'js/[name]str[name].js',

        // 为了避免浏览器缓存js文件 让每一次都请求不同的js文件 文件内容不变 hash值不变
        // filename: '[hash][name].js',
        // filename: '[hash:5][name].js', // 取hash值前5个

        // 使用各自chunk的hash 
        filename: '[chunkhash:5][name].js',
    },

    devtool: 'source-map'
}